<template>
  <div
    class="login"
  >
    <LoginContent>
      <template #loginPicture>
        <LoginPicture />
      </template>
      <template #loginForm>
        <LoginForm />
      </template>
    </LoginContent>
  </div>
</template>

<script lang="ts" setup>
import LoginContent from './LoginContent.vue'
import LoginForm from './LoginForm.vue'
import LoginPicture from './LoginPicture.vue'
</script>

<style lang="scss" scoped>
.login {
  width: 100vw;
  height: 100vh;
  vertical-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #838380;
}
</style>
